<script type="text/javascript">
  settingsProfileVal();
  initSelectPicker();
</script>
<div class="col-sm-9 content-right">
  <ol class="breadcrumb">
    <li><a class="route-controller" href="<?php echo site_url('home'); ?>">Home</a></li>
    <li><a class="route-controller" href="<?php echo site_url('settings'); ?>">Settings</a></li>
    <li>Profile</li>
  </ol>
  <h3>Settings</h3>
  <ul class="nav nav-tabs">
    <li><a class="route-controller" href="<?php echo site_url('settings/general'); ?>">General</a></li>
    <li class="active"><a class="route-controller" href="<?php echo site_url('settings/profile'); ?>">Profile</a></li>
    <li><a class="route-controller" href="<?php echo site_url('settings/photo'); ?>">Photo</a></li>
    <li><a class="route-controller" href="<?php echo site_url('settings/password'); ?>">Password</a></li>
    <li><a class="route-controller" href="<?php echo site_url('settings/privacy'); ?>">Privacy</a></li>
    <li><a class="route-controller" href="<?php echo site_url('settings/notification'); ?>">Notification</a></li>
  </ul>
  <div class="height-gap-10"></div>
  <div class="tab-content clearfix">
    <form id="profile_edit_form" method="post" action="<?php echo site_url('settings/profile'); ?>">
      <div class="form-group">
        <label for="user_email">Email</label>
        <input type="email" class="form-control" name="user_email" id="user_email" placeholder="Email" value="<?php echo $user_data['user_email']; ?>" maxlength="50" disabled="true"/>
      </div>
      <div class="form-group">
        <label for="user_type">I'm a</label>
        <select name="user_type" id="user_type" class="form-control">
          <option value="1" <?php if ($user_data['user_type'] == 1) { ?> selected="true" <?php } ?> data-icon="fa fa-male">Owner</option>
          <option value="2" <?php if ($user_data['user_type'] == 2) { ?> selected="true" <?php } ?> data-icon="fa fa-user-md">Dealer</option>
          <option value="3" <?php if ($user_data['user_type'] == 3) { ?> selected="true" <?php } ?> data-icon="fa fa-user">Individual</option>
          <option value="4" <?php if ($user_data['user_type'] == 4) { ?> selected="true" <?php } ?> data-icon="fa fa-briefcase">Organisation</option>
        </select>
      </div>
      <div class="form-group">
        <label for="user_display_name">Name</label>
        <input type="text" class="form-control" name="user_display_name" id="user_display_name" placeholder="Name" value="<?php echo $user_data['user_display_name']; ?>" maxlength="50"/>
      </div>
      <div class="form-group">
        <label for="user_locality">Locality</label>
        <input type="text" class="form-control" name="user_locality" id="user_locality" placeholder="Locality" value="<?php echo $user_data['user_locality']; ?>" maxlength="50"/>
      </div>
      <div class="form-group">
        <label for="user_phone_number">Telephone</label>
        <input type="text" class="form-control" name="user_phone_number" id="user_phone_number" placeholder="Telephone" value="<?php echo $user_data['user_phone_number']; ?>" maxlength="50"/>
      </div>
      <div class="form-group">
        <label for="user_mobile_number">Mobile</label>
        <input type="text" class="form-control" name="user_mobile_number" id="user_mobile_number" placeholder="Mobile" value="<?php echo $user_data['user_mobile_number']; ?>" maxlength="50"/>
      </div>
      <div class="form-group">
        <label for="user_address">Address</label>
        <textarea class="form-control" name="user_address" id="user_address" placeholder="Address" maxlength="50"><?php echo $user_data['user_address']; ?></textarea>
      </div>
      <button class="btn btn-danger pull-right" type="submit">Save</button>
    </form>
  </div>
  <?php if ($status) { ?>
    <div class="height-gap-10"></div>
    <div class="alert alert-success ">
      <p><b><?php echo lang('success'); ?></b>&nbsp;:&nbsp;</p>
    </div>
  <?php } ?>
</div>